page {
    height: 100%;
}
.msgTip {
    height: 100%;
    background-color: #04D2C3;
    .msgTip_in {
        min-height: 100%;
        background-color: #fff;
        padding-bottom: 5vw;
        border-radius: 5vw 5vw 0 0;
        box-sizing: border-box;
        .li {
            overflow: hidden;
            border-bottom: 1px solid #f5f5f5;
            padding: 5vw 5vw;
            .left {
                float: left;
                position: relative;
                margin-right: 3vw;
                image {
                    width: 10vw;
                    height: 10vw;
                    display: block;
                }
                .red {
                    position: absolute;
                    top: 0.5vw;
                    right: 0.5vw;
                    width: 2vw;
                    height: 2vw;
                    border-radius: 2vw;
                    background-color: #FF3C13;
                }
            }
            .right {
                float: left;
                width: 77vw;
                height: 10vw;
                position: relative;
                .top {
                    width: 100%;
                    overflow: hidden;
                    font-size: 3.73vw;
                    // margin-bottom: 0.5vw;
                    position: absolute;
                    top: 0;
                    .title {
                        float: left;
                        font-weight: 700;
                    }
                    .date {
                        float: right;
                        font-size: 3.2vw;
                        color: #999999;
                    }
                }
                .bot {
                    position: absolute;
                    bottom: 0;
                    width: 100%;
                    color: #999999;
                    font-size: 3.46vw;
                    overflow:hidden;
                    white-space:nowrap;
                    text-overflow: ellipsis;
                }
            }
        }
    }
}